@charset 'utf-8';
html,body{
    position: relative;
    height: 100%;
}
footer .ding{
    padding: 0;
}
header .wrap{
position: absolute;
top: 127px;
}
.detail{
    width: 100%;
    height: 800px;
    /* background: pink; */
    position: relative;
}


.edg{
    width: 1201px;
    height: 800px;
    margin: 0 auto;
    /* background: yellow; */
    /* position: relative; */
   
}
.unflex{
    width: 1201px;
    height: 800px;
    margin: 0 auto;
    /* position: relative; */
}
.bigger{
    width: 500px;
    height: 600px;
    /* background: red; */
    position: absolute;
    top:198px;
    left:879px;
    z-index: 999999;
    overflow: hidden;
    display: none;
}
.bigger img{
    width:714px;
    height:948px;
    position: absolute;
}

.edg-top{
    width: 1201px;
    height: 71px;
    /* background: red; */
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.bottom{
    width: 1201px;
    /* height: 1553px; */
    /* background: greenyellow; */
}

.edg-left{
    width: 528px;
    height:729px;
    /* background: hotpink; */
    /* float: left; */
}
.edg-right{
    width: 512px;
    height: 729px;
    /* background: gold; */
    margin-left: 161px;
    /* float: right; */
}
.home{
    width: 528px;
    height:410px;
    /* background: yellowgreen; */
    margin-bottom: 72px;
    padding-top: 94px;
}

.home .imgDiv{
    width: 238px;
    position: relative;
    height: 316px;
    line-height:318px;
    text-align: center;
    /* background: green; */
    margin:0 auto;
}
.flong{
    width: 60px;
    height: 60px;
    background:yellow;
    position: absolute;
    top:0px;
    left:0px;
    z-index: 999999;
    opacity: .5;
    display: none;
}
.home img{
    width: 238px;
    height: 316px;
    /* background: honeydew; */
    
}
.nome{
    width: 528px;
    height: 70px;
    /* background: darkblue; */
    margin-bottom: 34px;
}
.lian{
    width: 528px;
    height: 43px;
    /* background: indianred; */
    text-align: center;
    line-height:43px;
}
.gou{
    width:512px;
    height: 65px;
    /* background: red; */
    font-size: 30px;
    line-height: 65px;
    font-weight: bold;
    text-align: center;
}
.wenzi{
    width: 512px;
    height: 24px;
    /* background: khaki; */
    margin-bottom: 16px;
}
.uou{
    width: 512px;
    height: 144px;
    /* background: darkcyan; */
}
.uou p{
    width: 512px;
    height: 58px;
    display: flex;
    justify-content: space-between;
}
.uou p span:first-child{
    display: inline-block;
    width:232px;
    height: 58px;
    font-size: 28px;
    line-height: 58px;
    color: red;
}
.uou p span:last-child{
    display: flex;
    flex-direction: column;
    width: 49%;
    margin-left: 2px solid #cccccc;
}
.uou p span:last-child b{
    height: 50%;
}
.pou{
    width: 512px;
    height: 156px;
    /* background: firebrick; */
    border-top: 1px solid #cccccc;
}
.xing{
    border-bottom: 1px solid #cccccc;
    
}
.pou p:first-child{
    display: flex;
    justify-content: space-around;
}
.pou p:last-child{
    margin-top: 69px;
    
}
.pou span{
    text-align: center;
}
.inpu{
    width: 512px;
    height: 60px;
    display: flex;
    justify-content: space-between
}
.inpu input{
    width: 247px;
    height: 60px;
    border-radius: 10px;
}
.hu{
    width: 512px;
    height: 28px;
    line-height: 28px;
    margin: 5px auto;
}
.inps{
    width: 512px;
    height: 62px;
    display: flex;
    justify-content: space-between
}
.inps input{
    width: 247px;
    height: 62px;
    border-radius: 10px;
}
.ha{
    width: 512px;
    height: 28px;
    line-height: 28px;
    margin: 5px auto;
}
.inu{
    width: 512px;
    height: 62px;
    /* display: flex;
    justify-content: space-between */
}
.inu input{
    width:65px;
    height: 62px;
}
.inu input:nth-child(2){
    text-align: center;
}
.has{
  width: 512px;
  height: 47px;
  margin-top:14px;
}
.has input{
    width: 173px;
    height: 47px;
    border-radius: 17px;
    background: #444444
}
.has input:last-child{
    margin-left: 100px;
    background: #eb122d
}